<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
    <title>塔罗牌</title>
    <script src="js\jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="css\card.css">
    <script src="js/data.js"></script>  
    <script src="js/functions.js"></script>      
</head>
<body>

<img id="bg"  src="img\bgimg.png" style="visibility: hidden;">

<img id="enter" src="img/fengmian.gif" style="visibility: visible;"> 
<div class="card" id="no1">
    <img  id="i1" src="img\cardbg.png">
    
</div>
<div class="card" id="no2">
    <img  id="i2" src="img\cardbg.png">
</div>
<div class="card" id="no3">
    <img  id="i3" src="img\cardbg.png">
</div>
<h1 id="h1"></h1>
    <button id="start">开 始 抽 牌</button>
    
    <button id="turn1">点击翻开</button>
    <button id="turn2">点击翻开</button>
    <button id="turn3">点击翻开</button>
    <button id="view" onclick="window.open('details.html')">查看解释</button>
    <img id="zp" src="img/动图.gif">
    <script>
        
    </script>
</body>
</html>